<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>代写例子</title>
    <!-- 1引入s1.css -->
    <link rel="stylesheet" href="./s1.css">
    <!-- 2引入jquery.js -->
    <script src="./jquery-3.6.0.min.js"></script>
</head>

<body>

    <div class="headers">
        <h1>医疗实时数据分析大屏</h1>
        <span class="time">
    </div>
    <div class="center_box">
        <!-- 第一列 -->
        <div class="center1">
            <div class="c1_data">
                <h2>实时数据</h2>
                <div id="rt_data_l">
                    <div>
                        <span>预约挂号数</span>
                        <span>1</span>
                        <span>0</span>
                        <span>8</span>
                        <span>3</span>
                        <span>5</span>
                        <span>5</span>
                        <span>5</span>
                    </div>

                    <div>
                        <span>在线医生数</span>
                        <span>1</span>
                        <span>0</span>
                        <span>8</span>
                        <span>3</span>
                        <span>5</span>
                        <span>5</span>
                        <span>5</span>
                    </div>

                    <div>
                        <span>在线居民数</span>
                        <span>1</span>
                        <span>0</span>
                        <span>8</span>
                        <span>3</span>
                        <span>5</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                </div>
            </div>
            <div class=" c1_sum">
                <h2>知识库数量统计</h2>
                <div id="zs_sum"></div>
            </div>
            <div class="c1_type">
                <h2>热门知识库类型</h2>
                <div id="zs_type"></div>
            </div>
        </div>

        <!-- 第二列 -->
        <div class="center2">
            <div class="c2_qst">
                <h2>摇号人数趋势图</h2>
                <div id="yh_trend"></div>
            </div>
            <div class="c2_zl">
                <h2>地区业务总量</h2>
                <div id="yw_sum"></div>
            </div>
        </div>

        <!-- 第三列 -->
        <div class="center3">
            <div class="c3_sj">
                <h2>实时数据</h2>
                <div id="rt_data_r">
                    <div>
                        <span>平台医生数</span>
                        <span class="fr">3,631人</span>
                    </div>
                    <div>
                        <span>平台医院数</span>
                        <span class="fr">1,305家</span>
                    </div>
                    <div>
                        <span>居民注册数</span>
                        <span class="fr">15,682人</span>
                    </div>
                </div>
            </div>
            <div class="c3_jb">
                <h2>投诉举报</h2>
                <div id="ts_report"></div>
            </div>
            <div class="c3_sum">
                <h2>在线资讯站统计</h2>
                <div id="line_info"></div>
            </div>
        </div>
    </div>
    <div class="footer">
        <h1>累计访问： 1 0 3 5 1 6 0 8</h1>
    </div>

    <!-- 3引入Echarts -->
    <script src="./echarts.js"></script>
    <!-- 4引入s1.js -->
    <script src="./s1.js"></script>
</body>


</html>